.card-1v1 {
  box-shadow: var(--mat-sys-level1);
  background-color: var(--mat-sys-background);
  &:hover {
    .author {
      opacity: 1;
      color: var(--mat-sys-on-primary);
    }
  }
  ::ng-deep {
    a:not(.mdc-button) {
      color: var(--mat-sys-on-surface);
      &:hover {
        color: var(--mat-sys-primary);
      }
    }
  }
}
// builder
:host-context(.showcase) {
  .components {
    padding: 20px;
  }
}
